<html lang="zh-cmn-Hans"> 
<head>
    <meta charset='utf-8'>
    <title>zorm.cn</title>
    <meta name="description" content="Go轻量ORM,支持达梦(dm)、金仓(kingbase)、神通(shentong)、南通(gbase)、TDengine、mysql、postgresql、oracle、mssql、sqlite、db2、clickhouse" />
    <meta name="keywords" content="Go,Golang,ORM,达梦,dm,金仓,kingbase,神通,南大通用,TDengine,gbase,国产数据库,mysql,postgresql,oracle,mssql,sqlite,db2,clickhouse"/>
    <link rel="shortcut icon" type="image/ico" href="favicon.ico" />
    <link rel="stylesheet" href="./css/index.css">
</head>
<style>
    header {
        height: 7%;
        min-height: 60px;
        width: 100%;
        min-width: 980px;
        background: #F8F9FA;
        display: flex;
        
    }

    header>div:nth-child(1) {
        width: 250px;
        height: 100%;
        display: flex;
        align-items: center;
    }

    header>div:nth-child(1) img {
        width: 150px;
        margin: auto 0;
    }

    .head_box {
        width: 320px;
        height: 100%;
        display: flex;
        font-size: 0.9vw;
    }

    .head_box>div {
        width: 100px;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }
    /* .head_box div :hover{
        background: #EEEEEE;
    } */
    .title {
        background: #fff;
        height: 26%;
        min-height: 220px;
        width: 100%;
        min-width: 980px;
        text-align: center;
    }

    .title img {
        height: 50%;
        padding-top: 10px;
    }


    .title p {
        font-size: 0.8vw;
        width: 60%;
        min-width: 700px;
        margin: 0 auto;
        margin-top: 20px;
        line-height: 25px;
        letter-spacing: 1px;
    }

    .title p b {
        font-size: 1.05vw;
        font-weight:bolder;
    }

    .mine {
        background: #F8F9FA;
        height: 42%;
        min-height: 340px;
        width: 100%;
        min-width: 980px;
        display: flex;
    }

    .mine>div {
        height: 80%;
        width: 70%;
        margin: auto;
        display: flex;
        justify-content: space-between;
    }

    .mine>div>div {
        background: #fff;
        width: 27%;
        border-radius: 10px;
        box-shadow: 3px 3px 20px 4px #ddd;
        padding: 50px 1.35rem 10px 1.35rem;
        box-sizing: border-box;
    }

    .mine-p-wrap>p:nth-child(1) {
        text-align: center;
    }

    .mine-p-wrap>p:nth-child(2) {
        text-align: center;
        /* font-size: 10rem; */
        font-size: 1.2vw;
        font-weight: 600;
        line-height: 40px;
        padding-top: 10px;
    }

    .mine-p-wrap>p:nth-child(3) {
        line-height: 1.5vw;
        font-size: 1.1vw;
        letter-spacing: 1px;
    }

    .mine-p-wrap>p:nth-child(3) span {
        color:red;
        font-weight:bolder;
    }
    
    footer {
        background: #fff;
        height: 25%;
        min-height: 200px;
        width: 100%;
        min-width: 980px;
        position: relative;
    }

    footer>p:nth-child(1) {
        padding-top: 20px;
        line-height: 40px;
        font-size: 1.3vw;
        font-weight: 600;
        text-align: center;
        letter-spacing: 5px;
    }

    footer>p:nth-child(2) {
        width: 50%;
        min-width: 700px;
        margin: 0 auto;
        text-align: center;
        margin-top: 30px;
    }

    footer>p:nth-child(2) img {
        margin: 5px;
        width:60px;
        height:60px;
        border-radius: 50%;
        cursor: pointer;
    }
    .footer {
    position: absolute;
    width: 100%;
    left: 0;
    font-size: 1vw;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 10px;
    background-color: #fff;
    min-width: 980px;
}

.footerWrap{
    position: relative;
    bottom: 0;
}

@media screen and (min-height: 1500px) {
    header>div:nth-child(1){
        width: 30vw;
        display: flex;
    }
    header>div:nth-child(1) img{
        width: 30vw;
    }
    .head_box{
        font-size: 3.5vw;
        width: 40vw;
    }
    .head_box>div{
        width: 12vw;
    }
    .title{
        height: 62vw;
    }
    .title >div:nth-child(1){
        /* height: 50vw; */
        width: 100vw;
        margin: auto;
    }
    .title img{
        height: 20vw;
    }

    .title p b{
        /* font-size: 1.75rem; */
        font-size: 4vw;

    }
    .title p{
        line-height: 6vw;
        font-size: 4vw;
    }
    .title p span{
        font-size: 3.5vw;
    }
    .mine{
        height: 102vw;
    }

    .mine-p-wrap>p:nth-child(2){
        font-size: 4vw;
        margin: 1vw 0;

    }
    .mine-p-wrap>p:nth-child(3) {
        text-align: center;
        font-size: 3.5vw;
        line-height: 4.5vw;
        margin: 0 10vw;
    }

    .mine>div {
        height: 100%;
        width: 80%;
        margin: auto;
        display: block;
    }
    .mine>div>div {
        width: 100%;
        /* height:26%; */
        margin-top: 6%;
        padding: 25px 15px 25px 15px;
    }
    footer{
        height: 25vw;
    }
    footer >p{
        margin-top: 1vw;
    }
    footer >p:nth-child(1){
        font-size: 4.5vw;
    }

    footer{
        font-size: 1.25rem;
        background-color: #fff;
        position: relative;
        bottom: 0;
    }
    /* 
    footer>p:nth-child(2){
    }*/
    
    footer .footer{
        font-size: 2.5vw;
    }
    

}

/* html {
    font-size: 12px;
} */

@media screen and (min-width: 375px) {
    html {
        /* iPhone6的375px尺寸作为16px基准，414px正好18px大小, 600 20px */
        font-size: calc(100% + 2 * (100vw - 375px) / 39);
        font-size: calc(16px + 2 * (100vw - 375px) / 39);
    }
}
@media screen and (min-width: 414px) {
    html {
        /* 414px-1000px每100像素宽字体增加1px(18px-22px) */
        font-size: calc(112.5% + 4 * (100vw - 414px) / 586);
        font-size: calc(18px + 4 * (100vw - 414px) / 586);
    }
}
@media screen and (min-width: 600px) {
    html {
        /* 600px-1000px每100像素宽字体增加1px(20px-24px) */
        font-size: calc(125% + 4 * (100vw - 600px) / 400);
        font-size: calc(20px + 4 * (100vw - 600px) / 400);
    }
}
@media screen and (min-width: 1000px) {
    html {
        /* 1000px往后是每100像素0.5px增加 */
        font-size: calc(137.5% + 6 * (100vw - 1000px) / 1000);
        font-size: calc(22px + 6 * (100vw - 1000px) / 1000);
    }
}

/* .title{
    font-size: 1vw;
} */

</style>

<body>
    <header>
        <div>
            <img src="./img/logo.png" alt="" srcset="">
        </div>
        <div class="head_box">
            <div>
                <a target="_blank" href="https://www.yuque.com/u27016943/nrgi00/zorm">文档</a>
            </div>
            
            <div>
                <a target="_blank"  href="https://pkg.go.dev/gitee.com/chunanyong/zorm">API</a>
            </div>
            <div>
                <a target="_blank" href="https://gitee.com/chunanyong/zorm">源码</a>
            </div>
            
    </header>
    <div class="title">
        <div><img src="./img/logo.png" alt="" srcset=""></div>
        <p>
        <b>Go轻量ORM(约3000行代码), 零依赖, 零侵入分布式事务, 支持事务传播. </b></br>
        <span>达梦、金仓、神通、南通、TDengine、mysql、postgresql、oracle、mssql、sqlite、db2、clickhouse...</span> 
        </p>
    </div>
    <div class="mine">
        <div>
            <div class="mine-p-wrap">
                <p>
                    <img src="./img/mine_left.png" alt="" srcset="">
                </p>
                <p>
                    更轻
                </p>
                <p>
                    代码精简,注释详细,方便定制修改.
                </p>
            </div>
            <div class="mine-p-wrap">
                <p>
                    <img src="./img/mine_center.png" alt="" srcset="">
                </p>
                <p>
                    更快
                </p>
                <p>
                    基于原生SQL语句,学习成本更低,性能更优.
                </p>
            </div>
            <div class="mine-p-wrap">
                <p>
                    <img src="./img/mine_right.png" alt="" srcset="">
                </p>
                <p>
                    更强
                </p>
                <p>
                    支持事务传播,支持多库和读写分离.<span>全面支持国产数据库!</span>
                </p>
            </div>
        </div>
    </div>
    <div class="footerWrap">
        <footer>
            <p> <a target="_blank" href="https://gitee.com/chunanyong/zorm/contributors">贡献者</a></p>
            <p>
                <a target="_blank" href="https://gitee.com/chunanyong">
                    <img src="./img/gitee1.jpg" alt="" srcset="">
                </a>
                <a target="_blank" href="https://gitee.com/zhou-a-xing">
                    <img src="./img/gitee3.jpg" alt="" srcset="">
                </a>
                <a target="_blank" href="https://gitee.com/chien_tung">
                    <img src="./img/gitee2.jpg" alt="" srcset="">
                </a>
                <a target="_blank" href="https://gitee.com/wuxiangege">
                    <img src="./img/xiaokoutian.png" alt="" srcset="">
                </a>
                <a target="_blank" href="https://gitee.com/fastabler">
                    <img src="./img/gitee4.jpg" alt="" srcset="">
                </a>
                <a target="_blank" href="https://gitee.com/zeqjone">
                    <img src="./img/gitee5.jpg" alt="" srcset="">
                </a>
                <a target="_blank" href="https://gitee.com/cucuyZzz">
                    <img src="./img/cucuyZzz.png" alt="" srcset="">
                </a>
            </p>
            <div class="footer">
                <a target="_blank" href="https://beian.miit.gov.cn">豫ICP备2020026846号-2</a>
                 &nbsp;&nbsp;
                <img src="img/gongan.png">
                <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=41010302002909">豫公网安备41010302002909号</a>
            </div>
        </footer>
    </div>
    <script type="text/javascript">
    </script>
</body>

</html>